<template>
  <div class="flex flex-col items-center justify-center m-40">
    <h1 class="mb-16">Welcome to Vue3.0 + Vite + TypeScript + ElementPlus</h1>
    <el-button type="primary" @click="onButtonClick">Click Me To Show Message</el-button>
  </div>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue'
export default defineComponent({
  name: 'Home',
  setup() {
    const num = ref(0)
    const onButtonClick = () => {
      num.value++
      window.$tip('success', `The num is ${num.value}`)
    }

    return {
      onButtonClick
    }
  }
})
</script>

<style></style>
